<template>
  <el-header class="app-header">
    <span class="title" @click="$router.push('/')" style="cursor: pointer">{{ title }}</span>
  </el-header>
</template>

<script>
export default {
  name: 'AppHeader',
  props: {
    title: {
      type: String,
      default () {
        return 'Amazon ITSE'
      }
    }
  }
}
</script>

<style scoped>
.app-header {
  width: 100%;
  background-color: rgba(51, 102, 102, 1);
  border-bottom: 2px solid black;
  line-height: 60px;
  font-size: 28px;
  font-family: Candara;
  font-weight: 700;
  color: #fff;
  text-align: left;
  padding-left: 1em;
}
</style>
